<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.min.css">
    <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css">
    <link rel="stylesheet" type="text/css" href="css/mycss.css">
    <style>
.ui-icon-plus {
	background-position: -16px -128px;
}
</style>
    <script src="js/jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="js/grid.locale-he.js" type="text/javascript"></script>
    <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        //style="vertical-align:top"

        $(document).ready(function () {
			
			// calander stuff
			var checkInDate;
            var checkOutDate;
            function setStartDateForEndDate() {
                var temp = checkInDate.datepicker('getDate');
                if (temp)
                    return { minDate: temp };
                else
                    return {};

            }
            function setEndDateForStartDate() {

                var temp = checkOutDate.datepicker('getDate');
                if (temp)
                    return { maxDate: temp };
                else
                    return {};

            }
            function clearEndDate(dateText, inst) {
                var startDate = checkInDate.datepicker('getDate');
                var EndDate = checkOutDate.datepicker('getDate');
                if (startDate > EndDate)
                    checkOutDate.val('');
            }
			// end calander stuff
			
		
			/*var manuyimDesc= {"מקיף נהג צעיר/חדש רכב פרטי":"מקיף נהג צעיר/חדש רכב פרטי",
"מקיף נהג צעיר/חדש רכב מסחרי":"מקיף נהג צעיר/חדש רכב מסחרי",
"מקיף נהג צעיר/חדש + גרירה ושמשות רכב פרטי":"מקיף נהג צעיר/חדש + גרירה ושמשות רכב פרטי",
"מקיף נהג צעיר/חדש + גרירה ושמשות רכב מסחרי":"מקיף נהג צעיר/חדש + גרירה ושמשות רכב מסחרי",
"מקיף מעל 24 לא נהג חדש רכב פרטי":"מקיף מעל 24 לא נהג חדש רכב פרטי",
"מקיף מעל 24 לא נהג חדש רכב מסחרי":"מקיף מעל 24 לא נהג חדש רכב מסחרי",
"מקיף מעל 24 לא נהג חדש + גרירה ושמשות רכב פרטי":"מקיף מעל 24 לא נהג חדש + גרירה ושמשות רכב פרטי",
"מקיף מעל 24 לא נהג חדש + גרירה ושמשות רכב מסחרי":"מקיף מעל 24 לא נהג חדש + גרירה ושמשות רכב מסחרי",
"צד ג נהג צעיר/חדש רכב פרטי":"צד ג נהג צעיר/חדש רכב פרטי",
"צד ג נהג צעיר/חדש רכב מסחרי":"צד ג נהג צעיר/חדש רכב מסחרי",
"צד ג נהג צעיר/חדש + גרירה ושמשות רכב פרטי":"צד ג נהג צעיר/חדש + גרירה ושמשות רכב פרטי",
"צד ג נהג צעיר/חדש + גרירה ושמשות רכב מסחרי":"צד ג נהג צעיר/חדש + גרירה ושמשות רכב מסחרי",
"צד ג מעל 24 לא נהג חדש רכב פרטי":"צד ג מעל 24 לא נהג חדש רכב פרטי",
"צד ג מעל 24 לא נהג חדש רכב מסחרי":"צד ג מעל 24 לא נהג חדש רכב מסחרי",
"צד ג מעל 24 לא נהג חדש + גרירה ושמשות רכב פרטי":"צד ג מעל 24 לא נהג חדש + גרירה ושמשות רכב פרטי",
"צד ג מעל 24 לא נהג חדש + גרירה ושמשות רכב מסחרי":"צד ג מעל 24 לא נהג חדש + גרירה ושמשות רכב מסחרי"};*/
			
			
			 $("#clientList").jqGrid({
             url:"gridFunctions/personActions.php",
			 editurl: "gridFunctions/personActions.php",
			 direction: 'rtl',
			 async: false,
			 datatype: 'json',
     		 pager: '#clientPager',
             colNames: ['מספר לקוח','ת"ז', 'שם פרטי', 'שם משפחה','מייל', 'עיר', 'רחוב ובית', 'טלפון', 'פקס', 'פלאפון'],
             colModel: [
			 { name: 'person_number', index: 'person_number', width: 60, align: 'left',  editable: false ,align:'right' },
            { name: 'person_id', index: 'person_id', width: 60, align: 'left', editable: true,align:'right',editrules:{required:true,integer:true} },
            { name: 'firstname', index: 'firstname', width: 120, align: 'left', editable: true,align:'right' },
		    { name: 'lastname', index: 'lastname', width: 120, align: 'left', editable: true,align:'right' },
			{ name: 'email', index: 'email', width: 120, align: 'left', editable: true,align:'right',editrules:{required:true,email:true} },
            { name: 'city', index: 'city', width: 70, align: 'left', editable: true,align:'right' },
            { name: 'address', index: 'address', width: 70, align: 'left', editable: true,align:'right' },
            { name: 'telephone', index: 'telephone', width: 80, align: 'left', editable: true,align:'right' },
            { name: 'fax', index: 'fax', width: 60, align: 'left', editable: true,align:'right' },
            { name: 'cellphone', index: 'cellphone', width: 180, align: 'left', editable: true,align:'right'}],
            rowNum: 20,
            rowList: [5, 10, 20, 50],
            sortname: 'person_number',
            sortorder: "desc",
            mtype: "POST",
		//loadonce: true,
			postData:{oper:'view'},
            viewrecords: true,
            imgpath: '../../Scripts/css/Aristo/images',
            autowidth: true,
            height: "100%"
            }); // -- end of   $("#list").jqGrid({
			

 $("#clientList").jqGrid('navGrid', '#clientPager', {edit:true,add:true,del:true,refresh:true, closeAfterAdd: true,reloadAfterSubmit:true, search:false},
      // Edit dialog parameters
      {
		reloadAfterSubmit: true,
        closeAfterEdit: true,
		//editData: {person_number: function() {  return "7"; } },
		onclickSubmit: function (rp_ge, postdata) 
		{
			return { person_number: getSelectedCell('person_number') };
		},
		afterSubmit: function(response,postdata)
		{ 
			if(response.responseText=="ok")
			{
			success=true;
			alert("פרטי הלקוח התעדכנו בהצלחה")
			}
			else 
			{
				
			success = false;
			alert("פרטי הלקוח לא התעדכנו בהצלחה")
			}
			return [success,response.responseText] 
        }
      },
      // Add dialog parameters
      {
		reloadAfterSubmit: true,
        closeAfterAdd: true,
		afterSubmit: function(response,postdata){ 
			if(response.responseText=="ok")
			{
			success=true;
			alert("לקוח התווסף בהצלחה")
			}
			else 
			{
			success = false;
			alert("לקוח לא התווסף בהצלחה")
			}
			return [success,response.responseText] 
        }
		
      },
      // Delete dialog parameters
      {
	  reloadAfterSubmit: true,
	  onclickSubmit: function (rp_ge, postdata) 
		{
			return { person_number: getSelectedCell('person_number') };
		},
		afterSubmit: function(response,postdata){ 
			if(response.responseText=="ok")
			{
			success=true;
			alert("לקוח נמחק בהצלחה")
			}
			else 
			{
			success = false;
			alert("לקוח לא נמחק בהצלחה")
			}
			return [success,response.responseText] 
        }
	
	  },
      // Search dialog parameters
      {},
      // View dialog parameters
      {}
);
 $('#clientList').jqGrid('filterToolbar', { searchOnEnter: true, enableClear: false });

//---------manuim jq grid

			$("#manuimList").jqGrid({
            url:"gridFunctions/manuimActions.php",
			editurl: "gridFunctions/manuimActions.php",
			direction: 'rtl',
			async: false,
			datatype: 'json',
			loadComplete: function() {
				
				    
				
				$.ajax({ url: 'gridFunctions/manuimActions.php',
				data: {oper:'get_Mehiron_Names'},
				type: 'post',
				success: function(output) 
					{
			/*	output = output.substr(0, output.length-1); 
				output = output.substr(1);
				output=output.replace(/{/g,"");
				output=output.replace(/}/g,"");
				output='{"0":"עצמאי",'+output+"}";*/
					console.log(output); 
				//	var catagentList=eval('(' + output + ')');		   
					jQuery("#manuimList").setColProp('product_desc', { editoptions: { value: eval('(' + output + ')')} }) 
					}
				});	//end og ajax call
			},
     		pager: '#manuimPager',
            colNames: ['מספר מנוי','סוכן', 'לקוח', 'מתאריך','עד תאריך', 'יצרן', 'מודל', 'מס רישוי', 'ייצור', 'אמצעי תשלום', 'עמלת סוכן','מנוי','מחיר מנוי','מחיר סופי'],
            colModel: [
			{ name: 'manuy_number', index: 'manuy_number', width: 60, align: 'left', editable: true,align:'right',editoptions:{readonly:"readonly"} },
		//	{ name: 'manuy_number', index: 'manuy_number', width: 60, align: 'left'  ,align:'right',editoptions:{readonly:"readonly"} },
            { name: 'agent_person_number', index: 'agent_person_number', width: 60, align: 'left', editable: true,align:'right' },
            { name: 'person_number', index: 'person_number', width: 120, align: 'left', editable: true,align:'right' },
		    { name: 'from_2', index: 'from_2', width: 120, align: 'left', editable: true,align:'right' },	
			{ name: 'until', index: 'until', width: 120, align: 'left', editable: true,align:'right'  },
            { name: 'manufacturer', index: 'manufacturer', width: 70, align: 'left', editable: true,align:'right' },
            { name: 'model', index: 'model', width: 70, align: 'left', editable: true,align:'right' },
            { name: 'license_plate', index: 'license_plate', width: 80, align: 'left', editable: true,align:'right' },
            { name: 'production_year', index: 'production_year', width: 60, align: 'left', editable: true,align:'right' },
            { name: 'paymen_type', index: 'paymen_type', width: 180, align: 'left', editable: true,align:'right'},
			{ name: 'agent_commission', index: 'agent_commission', width: 70, align: 'left', editable: true,align:'right' },
			{ name: 'product_desc', index: 'product_desc', width: 80, align: 'left', editable: true,edittype:"select",
			editoptions: { 
                dataEvents: [
                    {
                        type: 'change',
                        fn: function(e) {
                           
						   $("#product_price").val($(this).val());
                        }
                    }
                ]
            }
        },
			
            { name: 'product_price',editoptions:{readonly:"readonly"}, index: 'product_price', width: 80, align: 'left', editable: true,align:'right'},
            { name: 'total_payment', index: 'total_payment', width: 60, align: 'left', editable: true,align:'right' }],
            rowNum: 20,
            rowList: [5, 10, 20, 50],
			
            sortname: 'person_number',
            sortorder: "desc",
            mtype: "POST",
		//loadonce: true,
			postData:{oper:'viewManuimPerAgent'},
            viewrecords: true,
            imgpath: '../../Scripts/css/Aristo/images',
            autowidth: true,
            height: "100%"
            }); // -- end of   $("#list").jqGrid({
			

 $("#manuimList").jqGrid('navGrid', '#manuimPager', {edit:true,add:true,del:true,refresh:true, closeAfterAdd: true,reloadAfterSubmit:true, search:false},
      // Edit dialog parameters
      {
		recreateForm: true,
		width:450,
		reloadAfterSubmit: true,
        closeAfterEdit: true,
onclickSubmit: function (rp_ge, postdata) 
		{
		return { product_desc: $("#product_desc option:selected").text() };
		},
		 beforeShowForm: function() {
         
		 
		    //-----------calander

			checkInDate = $('#from_2');
            checkOutDate = $('#until');

            checkInDate.datepicker({
                beforeShow: setEndDateForStartDate,
                onClose: clearEndDate,
                dateFormat: 'dd/mm/yy'
            });

            checkOutDate.datepicker({
                beforeShow: setStartDateForEndDate,
                dateFormat: 'dd/mm/yy'
            });

            checkInDate.datepicker('setDate', new Date());
            checkOutDate.datepicker('setDate', new Date());

          
			//--calander
		 
		  $("#product_price").val($("#product_desc").val());
		  
       
    },
		afterSubmit: function(response,postdata)
		{ 
			if(response.responseText=="ok")
			{
			success=true;
			alert("פרטי המנוי התעדכנו בהצלחה")
			}
			else 
			{
				
			success = false;
			alert("פרטי המנוי לא התעדכנו בהצלחה")
			}
			return [success,response.responseText] 
        }
      },
      // Add dialog parameters
      {
		recreateForm: true,
		width:450,
		reloadAfterSubmit: true,
        closeAfterAdd: true,
		onclickSubmit: function (rp_ge, postdata) 
		{
		return { product_desc: $("#product_desc option:selected").text() };
		},
		 beforeShowForm: function() {
         
		 
		    //-----------calander

			checkInDate = $('#from_2');
            checkOutDate = $('#until');

            checkInDate.datepicker({
                beforeShow: setEndDateForStartDate,
                onClose: clearEndDate,
                dateFormat: 'dd/mm/yy'
            });

            checkOutDate.datepicker({
                beforeShow: setStartDateForEndDate,
                dateFormat: 'dd/mm/yy'
            });

            checkInDate.datepicker('setDate', new Date());
            checkOutDate.datepicker('setDate', new Date());

          
			//--calander
		 
		  $("#product_price").val($("#product_desc").val());
		  
       
    },
		afterSubmit: function(response,postdata){ 
			if(response.responseText=="ok")
			{
			success=true;
			alert("מנוי התווסף בהצלחה")
			}
			else 
			{
			success = false;
			alert("מנוי לא התווסף בהצלחה")
			}
			return [success,response.responseText] 
        }
		
      },
      // Delete dialog parameters
      {
	  reloadAfterSubmit: true,
		onclickSubmit: function (rp_ge, postdata) 
		{
			return { manuy_number: getSelectedCellManuim('manuy_number') };
		},
		afterSubmit: function(response,postdata){ 
			if(response.responseText=="ok")
			{
			success=true;
			alert("לקוח נמחק בהצלחה")
			}
			else 
			{
			success = false;
			alert("לקוח לא נמחק בהצלחה")
			}
			return [success,response.responseText] 
        }
	
	  },
      // Search dialog parameters
      {},
      // View dialog parameters
      {}
);
 $('#manuimList').jqGrid('filterToolbar', { searchOnEnter: true, enableClear: false });


//----------------- end manuim jqgrid

	
  });// -- end of  $(document).ready(function ()
function getSelectedCell(str)
{
var grid = jQuery('#clientList');
var sel_id = grid.jqGrid('getGridParam', 'selrow');
var myCellData = grid.jqGrid('getCell', sel_id,str);
return myCellData;
}
function getSelectedCellManuim(str)
{
var grid = jQuery('#manuimList');
var sel_id = grid.jqGrid('getGridParam', 'selrow');
var myCellData = grid.jqGrid('getCell', sel_id,str);
return myCellData;
}
        

               
    </script>
    <title>ניהול לקוחות</title>
    </head>

    <body  dir="rtl">
<h1>רשימת לקוחות </h1>
<div id="lc">
      <table id="clientList" class="scroll" cellpadding="0" cellspacing="0">
  </table>
      <div id="clientPager" class="scroll" style="text-align: center;"> </div>
    </div>
  <h1>רשימת מנויים</h1>  
<div id="lc">
      <table id="manuimList" class="scroll" cellpadding="0" cellspacing="0">
  </table>
      <div id="manuimPager" class="scroll" style="text-align: center;"> </div>
    </div>
    
</body>
</html>